{% extends "::base.html.twig" %}

{% block bundleContent %}

    {% block content %}

<!-- BEGIN CONTENT WRAPPER -->
<div id="content-wrapper" class="content-wrapper">
	<div class="container">
		{#<div class="clearfix">
			<div class="grid_12">
				<div class="home_introduction">
					Proposez &agrave; vos amis de parier sur la date de naissance de votre futur enfant !
				</div>
				<div class="main_illus">
					<img src="{{ asset('images/main_illus.png') }}" alt="" width="940" height="250" />
				</div>
			</div>
		</div>#}
		
		<!-- Slider -->
		<section id="slider-main" class="slider">
			<div class="flexslider flexslider__nav-off loading">
				<ul class="slides">
					<li>
						<img src="{{ asset('images/main_illus_3.png') }}" alt="" width="980" height="220" />
						<div class="flexslider-desc">
							<h1>Faites parier vos proches !</h1><br />
							Invitez vos amis et votre famille &agrave; parier sur la naissance de votre enfant.<br />
							Bet My Birth vous permet d'organiser et de g&eacute;rer simplement<br /> cet &eacute;v&eacute;nement.
							Et en plus c'est gratuit ! <strong>Alors n'h&eacute;sitez plus !!</strong>
							{#<a href="#" class="link">Learn More <i class="icon-double-angle-right"></i></a>#}
						</div>
					</li>
					<li>
						<img src="{{ asset('images/main_illus_2.png') }}" alt="" width="980" height="220"/>
						{#<div class="flexslider-desc">
							<h1>Need a Nanny or Babysitter?</h1>
							<a href="#" class="link">Learn More <i class="icon-double-angle-right"></i></a>
						</div>#}
					</li>
				</ul>
			</div>
		</section>
		<!-- Slider / End -->

		<!-- Info Boxes -->
		<div class="clearfix">
			<div class="grid_6">
				<!-- Info Box -->
				<div class="info-box info-box__secondary">
					<span class="info-box-num">
						<span class="info-box-num-inner">1</span>
					</span>
					<div class="inner-wrapper">
						<h2 class="info-box-title">Je cr&eacute;e une naissance</h2>
						<div class="info-box-text">
							Enregistrez-vous ! C'est gratuit et ça ne prend qu'une minute.
							<br />
							Vous pourrez alors cr&eacute;er une naissance et inviter vos amis &agrave; deviner la date de naissance du futur bout d'chou.
						</div>
						<div class="info-box-button">
							<form action="{{ path('bmb_event_create') }}" method="post">
								<button>
									Cr&eacute;er une naissance
								</button>
							</form>
						</div>
					</div>
				</div>
				<!-- Info Box / End -->
			</div>
			<div class="grid_6">
				<!-- Info Box -->
				<div class="info-box info-box__tertiary">
					<span class="info-box-num">
						<span class="info-box-num-inner">2</span>
					</span>
					<div class="inner-wrapper">
						<h2 class="info-box-title">Je participe &agrave; un &eacute;v&eacute;nement</h2>
						<div class="info-box-text">
							Vous avez &eacute;t&eacute; invit&eacute; &agrave; parier sur une naissance ? 
							<br />
							Pas besoin de vous inscrire ! Cliquez simplement sur le lien que vous avez re&ccedil;u dans l'invitation, par mail ou sur Facebook.
						</div>
						
						<div class="info-box-button">
							<form action="{{ path('bmb_basics_howto') }}" method="post">
								<button>
									Comment &ccedil;a marche ?
								</button>
							</form>
						</div>

						{#<div id="index-part" class="info-box-button">
							<form action="{{ path('bmb_event_access_event') }}" method="post" id="participate-form" class="inline-form">
								<div class="inline-form-div">
									<input type="text" name="bmb_index_event_code" id="bmb_index_event_code" placeholder="Code de l'&eacute;v&eacute;nement" title="Acc&eacute;der &agrave; l'&eacute;v&eacute;nement en utilisant l'identifiant de l'&eacute;v&eacute;nement" />
									<div class="submit-wrapper">
										<i class="icon-adjust icon-signin"></i>
										<input id="access_event" type="submit" value="" />
									</div>
								</div>
							</form>
						</div>#}
					</div>
				</div>
				<!-- Info Box / End -->
			</div>
		</div>
		<!-- Info Boxes / End -->
		<!-- <div class="hr"></div> -->
	</div>
</div>

        {% include "BmbBasicsBundle:Home:contact.html.twig" %}

<div id='welcome_popup' title='Bienvenue sur Bet My Birth !'>
	
	<strong>Bet My Birth</strong> vous permet d'organiser et de g&eacute;rer simplement les paris autour de la <strong>naissance</strong> de votre futur enfant.
	<br />
	Ce site gratuit est en version B&ecirc;ta, n'h&eacute;sitez pas &agrave; nous remonter des probl&egrave;mes ou des suggestions via le formulaire de contact.
</div>

<script type="text/javascript">
	$(function() {
		$(document).tooltip();
	});
	
	$('#welcome_popup').dialog({
            autoOpen: false,
            height: 180,
            width: 480,
            resizable: false,
            modal: true
	});
	
	if ($.cookie("bmb_welcome") !== "yes") {
		$('#welcome_popup').dialog("open");
	}
		
	$('#welcome_popup').bind('dialogclose', function(event) {
		$.cookie("bmb_welcome", "yes");
	});
</script>
    {% endblock %}

{% endblock %}
